body{ 
    font: 62.5% Verdana, Geneva, Arial; 
    margin: 1px; 
    background-image: url("img/galet.png");
    background-position: left center ;
    background-repeat: no-repeat ; 
    background-attachment: fixed ;
}

#loader {
    position:absolute;
    top:0;
    left:0;
    background-image: url("img/loader.gif");
    background-color:rgba(255,255,255,0);
    background-position: center center ;
    background-repeat: no-repeat ; 
    background-attachment: fixed ;
    width:100%;
    height:100%;
    z-index:1000;
}

P { 
    color: rgba(0, 0, 0, 1);
    font-family: 'Segoe UI',Verdana,Geneva,Arial;
    font-style: normal;
    text-decoration: none;
    font-weight:normal;
    font-size: 9pt;
    list-style-type:none; /*sans puces*/
}
/*
    mimics the TABLE's tag layout
*/
div.table{
    display:table;
    width:100%;
}
form.tr, div.tr{
    display:table-row;
}
span.head{
    display:table-cell;
    background-color: rgba(234, 234, 255, 0.8);
}
span.td{
    display:table-cell;
    vertical-align:middle;
}
/*
*/
.helper {
    display: inline-block;
    height: 100%;
    vertical-align: baseline;
}
.toolbar {
    display: inline-block;
    vertical-align: top;
    padding:4px;
    padding-right:40px;
    /*margin-right:4px;*/
    background-color: rgba(248,248,248,1);
    border-bottom: 1px solid rgba(232,232,232,1);
    border-right: 1px solid rgba(232,232,232,1);
    -moz-border-radius-bottomright: 16px;
    -webkit-border-bottom-right-radius: 16px;
    -khtml-border-bottom-right-radius: 16px;
    border-bottom-right-radius: 16px;
}

.login {
    font-size: 1.1em;
    font-family: 'Segoe UI', Verdana, Geneva, Arial;
}
/*
    hide dialog titlebar (overrides JQueryUI)
*/
.no-title-bar .ui-dialog-titlebar{
    display:none;
}
/*
    state-highlight (overrides JQueryUI)
*/
.ui-state-highlight{
    border-color:#A9AEB0 !important;
}
/*
    tabs (overrides JQueryUI)
*/
#tabs.ui-widget-content{
    padding: 0px; 
    background: transparent; 
    border-width: 0px; 
}
#tabs .ui-tabs-nav { 
    padding-left: 0px; 
    background: transparent;
    border-width: 0px 0px 1px 0px; 
    -moz-border-radius: 0px; 
    -webkit-border-radius: 0px; 
    border-radius: 0px; 
} 
#tabs li.ui-state-default{
    background:rgba(255,255,255,.8);
}
#tabs .ui-tabs-panel { 
    background: rgba(255,255,255,.8);
    padding:10px;
    border-width: 0px 1px 1px 1px; 
}
/* 
    corporate nodes
*/
div.nodes{
    /*zoom:.85;*/
    overflow-x: scroll;
}
table.nodes{
    background-color:rgba(244,244,244,.1);
    width:100%; 
    border-collapse:collapse;
    border-spacing:0px;
    border:0;
    margin:0;
    padding:0;
}
table.nodes td{
    vertical-align:top;
}
div.node{
    display:inline-block;
    min-width: 100px;
    color: rgba(0,0,0,.8);
    background-color: rgba(255,255,255,.8);
    border:1px dashed rgba(0,0,0,.3);
    white-space:nowrap;
    overflow:hidden;
    text-overflow: ellipsis;
    padding: .7em 1em .7em 1em;
    margin: .1em;
    text-align: center;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
div.node.node-hover:not(.node-shape-0){
    color: rgba(0,0,0,1);
    background-color: rgba(255,255,255,1);
    border:1px dashed rgba(0,0,0,1);
    cursor:pointer;
}
div.node.node-hover.node-shape-0{
    cursor:default;
}
/*div.node.node-shape-0{display:block;}*/
div.node.node-shape-10{background-color: rgba(227,243,251,.6);}
div.node.node-hover.node-shape-10{background-color: rgba(227,243,251,1);}
div.node.node-shape-20{background-color: rgba(255,229,231,.6);}
div.node.node-hover.node-shape-20{background-color: rgba(255,229,231,1);}
div.node.node-shape-30{background-color: rgba(213,250,207,.6);}
div.node.node-hover.node-shape-30{background-color: rgba(213,250,207,1);}
div.node.node-shape-40{background-color: rgba(255,252,211,.6);}
div.node.node-hover.node-shape-40{background-color: rgba(255,252,211,1);}

/*
    Standard links style

a:link { font-weight:normal; color:#FF0000; text-decoration:none; }
a:hover { font-weight:bold; color:#FF0000; text-decoration:none; }
a:visited { font-weight:normal; color:#FF0000; text-decoration:none; }
a:active { font-weight:normal; color:#FF0000; text-decoration:none; }
*/
a.standardlink:link { color: #0000EE; }
a.standardlink:visited { color: #0000EE; } /* default #551A8B;*/
a.standardlink:link, a.standardlink:visited { text-decoration: underline; }
/*
    JQueryUI custom stuff...
*/
#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}

ul#icons {margin: 0; padding: 0;}
ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
ul#icons span.ui-icon {float: left; margin: 0 4px;}

ul#icons.buttonbar {display:inline-block;vertical-align:top;}
/*
    Grids
*/
.td_question{
    text-align: left;
    white-space: normal;
}

.td_data{
    background-color: rgba(234, 234, 255, 0.8);
    font-family: 'Segoe UI', Verdana, Geneva, Arial;
    text-decoration: none;
    font-weight:normal;
}    
TH{
    background-color: rgba(234, 234, 255, 0.8);
}
.td_data_bold{
    background-color: rgba(234, 234, 255, 0.8);
    font-family: 'Segoe UI', Verdana, Geneva, Arial;
    font-size:1.2em;
    text-decoration: none;
    font-weight:normal;
    padding:3px 0px 4px 5px;
    border-bottom:1px solid black;
}
.border-radius-tl{
    -webkit-border-top-left-radius: 8px;
    -moz-border-radius-topleft: 8px;
    border-top-left-radius: 8px;    
}
.border-radius-tr{
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topright: 8px;
    border-top-right-radius: 8px;    
}
.tr_ligne_1 {
    background-color: rgba(244,244,244,.6);
}
.tr_ligne_2 {
    background-color: rgba(250,250,250,.6);
}
.td_societe{
    background-color: rgba(255, 204, 255, 0.2);
    font-family: 'Segoe UI', Verdana, Geneva, Arial;
    text-decoration: none;
    font-weight:normal;
    text-align: center;
    vertical-align:top;
    /*bords arrondis*/
    /*-webkit-border-radius: 20px;*/
    /*-moz-border-radius: 20px;*/
    /*border-radius: 20px;*/ 
}

.td_blue_round{
    margin-bottom:60px;
    background-color: rgba(234, 234, 255, 0.8);
    font-family: 'Segoe UI',Verdana,Geneva,Arial;
    text-decoration: none;
    font-weight:normal;
    text-align: left;
    vertical-align:top;
    font-size: 11pt;
    list-style-type:none; /*sans puces*/
    padding: .4em 1em 1em 1em;
    /*bords arrondis*/
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px; 
    /*ombre*/
    -webkit-box-shadow: 8px 8px 5px 5px rgba(64, 64, 64, .5);
    -moz-box-shadow: 8px 8px 5px 5px rgba(64, 64, 64, .5);
    box-shadow: 8px 8px 5px 5px rgba(64, 64, 64, .5);
}
/*
    Fonts
*/
.titre_0 { 
    color: rgba(0, 0, 0, 1);
    font-family: 'Segoe UI', Verdana, Geneva, Arial;
    font-style: normal;
    text-align: center;
    text-decoration: none;
    font-weight:bold;
    font-size: 20px;
    list-style-type:none; /*sans puces*/
}
.titre_1 { 
    color: rgba(0, 0, 0, 1);
    font-family: 'Segoe UI', Verdana, Geneva, Arial;
    font-style: normal;
    text-decoration: none;
    font-weight: 200;
    font-size: 20pt;
    list-style-type:none; /*sans puces*/
    letter-spacing: 0.01em;
    margin-left: 3px;
}
.titre_2 { 
    color: rgba(0, 0, 0, 1);
    font-family: 'Segoe UI',Verdana,Geneva,Arial;
    font-style: normal;
    text-decoration:none;
    font-weight: 200;
    font-size: 11pt;
    list-style-type:none; /*sans puces*/
}
.titre_2_ssligne { 
    color: rgba(0, 0, 0, 1);
    font-family: Verdana, Geneva, Arial;
    font-style: normal;
    text-decoration:underline;
    font-weight:bold;
    font-size: 14px;
    list-style-type:none; /*sans puces*/
}
.commentaire { 
    color: rgba(0, 0, 0, 1);
    font-family: Verdana, Geneva, Arial;
    font-style: italic;
    text-decoration: none;
    font-weight:bold;
    font-size: 11px;
    list-style-type:none; /*sans puces*/
}
/*
    main layout
*/
#header {
    /*    background-color:rgba(192,215,49,.25);
        border-bottom:1px solid rgba(232,232,232,1);*/
    padding-bottom:8px;
    margin-bottom:8px;
    min-height: 100px;
}
#user_logo {
    margin-left:40px;
    position:absolute;
}
div#user_logo {
    display:inline-block;
    color:rgba(100,100,100,1);
    /*    text-shadow:
            -1px -1px 0 #111,
            +1px -1px 0 #111,
            -1px +1px 0 #111,
            +1px +1px 0 #111;  */
    font-size:6.5em;
    font-weight: bold;
    font-family: 'Segoe UI', Geneva, Arial;
    letter-spacing:-3px;
    /*text-align:center;*/
    /*margin-left:254px;*/
    /*margin-right:254px;*/
}
#logo {
    width:254px;
    position:absolute;
    top:8px;
    right:0px;
}
#logo img {
    width:246px;
    height:100px;    
}
#menu {
    width:500px;
    height:300px;
    margin:auto;
    bottom:0;
    left:0;
    top:0;
    right:0;
    position:absolute;
}
#menu img {
    /*    width:233px;
        height:95px;*/
}
#footer {
    padding-bottom: 8px;
    padding-top: 8px;
    text-align: center;
    background-color: rgba(248,248,248,1);
    border-top: 1px solid rgba(232,232,232,1);
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 1.1em;
    font-family: 'Segoe UI', Verdana, Geneva, Arial;
}
#footer img {
    vertical-align: text-bottom;
    width: 16px;
    height: 16px;
}
#login {
    width: 720px;
    height:350px;
    margin:auto;
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
}
#section_box{ 
    background-color: rgba(234, 234, 255, 0.8);

    /*texte*/
    color: rgba(0, 0, 0, 1);
    font-family:  Verdana, Geneva, Arial;
    font-style: normal;
    text-decoration: none;
    /*font-weight:bold;*/
    font-size: 12px;
    list-style-type:none; /*sans puces*/

    /*taille et marge*/
    width: 80%;
    margin: 20px;
    padding: 5px 10px 5px 10px ;

    /*bords arrondis*/
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px; 

    /*ombre*/
    -webkit-box-shadow: 10px 10px 5px 5px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 10px 10px 5px 5px rgba(0, 0, 0, 0.6);
    box-shadow: 10px 10px 5px 5px rgba(0, 0, 0, 0.6);

    position: absolute; top: 20%; left:16%; 

    z-index:1;
}
/*
    custom forms
*/
form td.edit{
    background:none;
}
/*
    Users
*/
form td.label.field.user{
    font-family: 'Segoe UI', Verdana, Geneva, Arial, 'sans serif';
    width:20%;
}
form td.field.user{
    width:30%;
}
/*
    Bulk (users)
*/
DIV#report{
    font-family: monospace;
    font-size: .8em;
    background-color:#FCFCFE;
    margin-top:8px;
    border:1px solid #CCC;
    height: 350px;
    overflow-y:scroll; 
}
DIV#report ul{
    margin: 0;
    background-color:#F8F8FF;
}
DIV#report li{
    padding-bottom: 10px;
    padding-top: 2px;
    list-style-type: decimal-leading-zero;
}
/*
    Profiles
*/
#profiles form.tr{
    line-height:40px;
}
#profiles form.tr span.td:nth-of-type(1){
    padding-left:8px;
}
